<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>


    <!-- <script src="../js/tools.js"></script> -->

    <script src="../js/jq.js"></script>
    <script>

        // 在网站中   多次用到函数  $  


        //    后续需要引入 jq

        $();


        // tools.js中的 函数 $  会被覆盖



        // 实际上Jq提供了一个方法  noConflict()   可以改变$函数名



        // function $(ele) {
        //     return new GetEle(ele)
        // }


        // $ 是一个函数  --- 也是对象
        //   可以给对象添加自定义属性和自定义方法
        // $.cc = function () {
        //     console.log(666)
        // }


        // $.noConflict = $ 
        // $.noConflict('body')

        $.noConflict = function () {
            // return 返回的这个值跟$公共是一样的
            return $
        }



        const jq = $.noConflict();

        // jq = $  也是一个函数


        $('body').addClass('a')
        jq('body').addClass('a')


    </script>

</body>

</html>